<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">
    <title>状态监测</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">

    <link  rel="stylesheet" type="text/css" href="jquery/easyui1.4.2/themes/gray/easyui.css">
    <link  rel="stylesheet" type="text/css" href="jquery/easyui1.4.2/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="mintor/css/layout.css" />
    <link rel="stylesheet" type="text/css" href="css/assets/css/ace.min.css"/>

    <script type="text/javascript" src="jquery/easyui1.4.2/jquery.min.js" ></script>
    <script type="text/javascript" src="jquery/easyui1.4.2/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery/easyui1.4.2/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="jquery/extJs.js"></script>

    <script type="text/javascript">
        function Tab(num) {
           if(num == 1) {
               document.getElementById("d1").style.display = "block";
               document.getElementById("L1").style.backgroundColor = "#7db4d8";
               document.getElementById("d2").style.display = "none";
               document.getElementById("L2").style.backgroundColor = "#eef4f9";
               document.getElementById("d3").style.display = "none";
               document.getElementById("L3").style.backgroundColor = "#eef4f9";
           } else if (num == 2) {
               document.getElementById("d2").style.display = "block";
               document.getElementById("L2").style.backgroundColor = "#7db4d8";
               document.getElementById("d1").style.display = "none";
               document.getElementById("L1").style.backgroundColor = "#eef4f9";
               document.getElementById("d3").style.display = "none";
               document.getElementById("L3").style.backgroundColor = "#eef4f9";
           } else if (num == 3) {
               document.getElementById("d3").style.display = "block";
               document.getElementById("L3").style.backgroundColor = "#7db4d8";
               document.getElementById("d1").style.display = "none";
               document.getElementById("L1").style.backgroundColor = "#eef4f9";
               document.getElementById("d2").style.display = "none";
               document.getElementById("L2").style.backgroundColor = "#eef4f9";
           }
        }
    </script>

    <style type="text/css">
        #L1 {
            background-color: #7db4d8;
            cursor: hand;
            color: #000000;
            border-left: 1px solid #FFFFFF;
            border-top: 1px solid #FFFFFF;
            border-right: 1px solid gray;
            font-weight: bold;
            font-size: larger;
            font-family: 宋体;
            border: none;
            width: 30%;
        }

        #L2 {
              background-color: #eef4f9;
              cursor: hand;
              color: #000000;
              border-left: 1px solid #FFFFFF;
              border-top: 1px solid #FFFFFF;
              border-right: 1px solid gray;
              border-bottom: 1px solid #FFFFFF;
              font-weight: bold;
              font-size: larger;
              font-family: 宋体;
              border: none;
              width: 30%;
          }

        #L3 {
            background-color: #eef4f9;
            cursor: hand;
            color: #000000;
            border-left: 1px solid #FFFFFF;
            border-top: 1px solid #FFFFFF;
            border-right: 1px solid gray;
            border-bottom: 1px solid #FFFFFF;
            font-weight: bold;
            font-size: larger;
            font-family: 宋体;
            border: none;
            width: 30%;
        }
    </style>
</head>

<body style="margin-top: 60px;background-color: white;padding:16px 24px;height:800px">
<div>
    <%--<table border=0 cellspacing=0 cellpadding=0 id=secTable style="margin-left: 12px;margin-top: 10px;width:600px;height:35px;float:left;">--%>
        <%--<tr height=20 align=center>--%>
            <%--<td height=30px id="L1" onclick="Tab(1)">机床健康管理</td>--%>
            <%--<td height=30px id="L2" onclick="Tab(2)">传感器健康管理</td>--%>
            <%--<td height=30px id="L3" onclick="Tab(3)">传感器实时健康</td>--%>
        <%--</tr>--%>
    <%--</table>--%>
        <table border=0 cellspacing=0 cellpadding=0 id=secTable style="width: 100%;border-bottom: 5px solid grey;height:40px;">
            <tr  align=center style="font-size: 12px;height:30px">
                <td height=30px class="L1" id="L1" onclick="Tab(1)">机床健康管理</td>
                <td height=30px class="L2" id="L2" onclick="Tab(2)">传感器健康管理</td>
                <td height=30px class="L2" id="L3" onclick="Tab(3)">传感器实时健康</td>
            </tr>
        </table>
    <%--<input type="button" class="btn btn-sm btn-primary center" value="返回" onclick="javascript:window.location.href ='mintor/newmenu/cnchealthmonitor.jsp';" style="display: block;margin-left: 650px;margin-top: 10px;position:absolute;">--%>
</div>

<%--<div>--%>
<%--<button class="btn btn-sm btn-primary center" onclick="window.location='monitor/newmenu/cncstatemonitor.jsp'" style="display: block">返回</button>--%>
<%--</div>--%>

<div id="d1" class="widget-box" style="padding-bottom:15px;text-align: center;display:block;">
    <Iframe src="mintor/datadiagnosis/cncdiagnosis.jsp" frameborder="no" border="0" width="100%" height="100%" scrolling="auto"></iframe>
</div>

<div id="d2" class="widget-box" style="padding-bottom:15px;text-align: center;display:none;">
    <Iframe src="mintor/datadiagnosis/sensorhealthall.jsp" frameborder="no" border="0" width="100%" height="100%" scrolling="auto"></iframe>
</div>

<div id="d3" class="widget-box" style="padding-bottom:15px;text-align: center;display:none;">
    <Iframe src="mintor/datadiagnosis/sensorhealth.jsp" frameborder="no" border="0" width="100%" height="100%" scrolling="auto"></iframe>
</div>


</body>
</html>
